<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="../../Img/logo.jpg">
    <title>购物车</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" type="text/css" href="../../CSS/PageHkx/shopCar.css">

</head>
<body>
    <div class="whole">
            <div class="up">
                <div class="top">
                    <div class="top1" id="top1">
                        <a ><i class="fa fa-envelope-open-o" aria-hidden="true"></i> 我的店铺</a>
                    </div>
                    <div class="top2" id="top2">
                        <div onclick="my()">
                            <a ><i class="fa fa-user-circle-o" aria-hidden="true"></i> 个人中心</a>
                        </div>
                    </div>
                    <div class="top4"id="top4">
                        <a ><i class="fa fa-sign-out" aria-hidden="true"></i> 退出</a>
                    </div>
                </div>
            </div>
            <div class="content">
                <div class="logo">
                    <img src="../../Img/QQ图片20210724155302.jpg" alt="商店商标">
                </div>
                <div class="seek">
                    <input id="seeksth" type="text" placeholder="请输入要搜索的商品">
                    <input id="seekit" type="button" value="搜索">
                </div>
                <div class="delete"><button id="dele">清空购物车</button></div>
                <div class="sth">
                    <div id="check">
                        <input type="checkbox" id="checkall" class="checkall">
                        <p id="all">全选</p>
                    </div>
                    <div id="goods"><p>商品信息</p></div>
                    <div id="type"><p>店铺</p></div>
                    <div id="price"><p>单价</p></div>
                    <div id="numbel"><p>数量</p></div>
                    <div id="money"><p>金额</p></div>
                    <div id="operation"><p>操作</p></div>
                    <p class="name" style="display: none" th:text="${session.user.userId}" >text</p>
                </div>
                <div id="theAll">
                    <p id="haven">已选商品（不含运费）<h3 id="cost"> </h3> </p>
                    <div id="buy"><input type="button" id="toBuy" value="结算"></div>
                </div>
                <div id="tb">
<!--                   遍历用户购物车里的商品-->

                </div>
                <div class="gotop"  id="gotop">
                    <a href="javascript:;" id="backTop">
                        <img src="../../Img/回到顶部.png">
                        <p class="goTop">回到顶部</p>
                    </a>
                </div>
            </div>
    </div>
</body>
<script src="../../JS/PageLy/jquery.min.js"></script>
<script src="../../JS/PageHkx/shopCar.js"></script>
</html>